<template>
  <view class="flex-col page">
 <!--   <view class="flex-row items-center relative group">
      <image class="shrink-0 image" src="../../static/images/931b3324efce842c26800b116653e97c.png" />
      <text class="shrink-0 font_1 text">中国电信</text>
      <image class="shrink-0 image_2" src="../../static/images/b74ed2a398d5468f28e9b9f75d815117.png" />
      <image class="shrink-0 image_3" src="../../static/images/d2d8a867d935c655b3f2f6729ba77294.png" />
      <text class="shrink-0 font_1 text_3">100%</text>
      <view class="flex-row justify-end shrink-0 group_2 pos">
        <image class="self-start image_4" src="../../static/images/d0768427491b18e81be99e404e83b9af.png" />
        <text class="self-stretch font_1 text_2">9:41 AM</text>
      </view>
    </view>
    <view class="flex-col justify-start relative section">
      <view class="flex-row justify-center items-center relative section_2">
        <image class="image_5 pos_2" src="../../static/images/04febdf1381872b01ff930d0962f0bc5.png" />
        <text class="font_2 text_4">设备日志</text>
      </view>
    </view> -->
    <view class="flex-col section_3 space-y-90">
      <text class="self-start text_5">123</text>
      <view class="flex-col items-center space-y-22">
        <image class="image_6" src="../../static/images/0d472a063eeb2fa6091376e782463208.png" />
        <text class="font_2 text_6">无日志</text>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    props: {},
    data() {
      return {};
    },

    methods: {},
  };
</script>

<style scoped lang="css">
  .page {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .group {
    padding: 8.33rpx 12.5rpx 45.83rpx;
    border-bottom: solid 4.17rpx #a6a6a61a;
  }
  .image {
    width: 34.38rpx;
    height: 20.83rpx;
  }
  .font_1 {
    font-size: 25rpx;
    font-family: SourceHanSansCN;
    line-height: 20.83rpx;
    color: #030303;
  }
  .text {
    margin-left: 8.33rpx;
    line-height: 22.92rpx;
  }
  .image_2 {
    width: 29.17rpx;
    height: 20.83rpx;
  }
  .image_3 {
    margin-left: 400rpx;
    width: 14.58rpx;
    height: 25rpx;
  }
  .text_3 {
    margin-left: 20.83rpx;
    line-height: 18.75rpx;
  }
  .group_2 {
    padding: 0 10.42rpx 8.33rpx;
  }
  .pos {
    position: absolute;
    left: 0;
    right: 0;
    top: 9.38rpx;
  }
  .image_4 {
    width: 50rpx;
    height: 23.96rpx;
  }
  .text_2 {
    font-weight: 700;
    line-height: 29.17rpx;
    text-align: center;
    width: 62.5rpx;
  }
  .section {
    margin-top: -12.5rpx;
    padding: 16.67rpx 0 125rpx;
    background-color: #e5e5e533;
  }
  .section_2 {
    padding: 33.33rpx 31.25rpx;
    background-color: #10857d;
  }
  .image_5 {
    width: 41.67rpx;
    height: 41.67rpx;
  }
  .pos_2 {
    position: absolute;
    left: 31.25rpx;
    top: 50%;
    transform: translateY(-50%);
  }
  .font_2 {
    font-size: 35.42rpx;
    font-family: MiSans;
    line-height: 33.33rpx;
  }
  .text_4 {
    color: #ffffff;
  }
  .section_3 {
    padding: 12.5rpx 100rpx 537.5rpx;
    background-color: #e5e5e533;
  }
  .space-y-90 > view:not(:first-child),
  .space-y-90 > text:not(:first-child),
  .space-y-90 > image:not(:first-child) {
    margin-top: 187.5rpx;
  }
  .text_5 {
    color: #ffffff;
    font-size: 27.08rpx;
    font-family: MiSans;
    line-height: 20.83rpx;
  }
  .space-y-22 > view:not(:first-child),
  .space-y-22 > text:not(:first-child),
  .space-y-22 > image:not(:first-child) {
    margin-top: 45.83rpx;
  }
  .image_6 {
    width: 235.42rpx;
    height: 183.33rpx;
  }
  .text_6 {
    color: #808080;
    line-height: 32.29rpx;
  }
</style>